//axios 封装处理
import axios from 'axios'
import { getItem,removeItem } from '@/utils/localStorage'
import { TOKEN_KEY } from '@/constants'
import router from '@/rounter'

 const request = axios.create({
    //1、根域名配置 
    baseURL: 'http://geek.itheima.net/v1_0',
    //2、超时时间
    timeout: 100000
})

// 3、添加请求拦截器
request.interceptors.request.use((config)=> {
  // 在发送请求之前做些什么
    let token = getItem(TOKEN_KEY)
    config.headers['Authorization'] =`Bearer ${token}`
    return config
  }, (error)=> { 
    return Promise.reject(error)
})

// 4、添加响应拦截器
request.interceptors.response.use((response)=> {
    // 2xx 范围内的状态码都会触发该函数。
    // 对响应数据做点什么
    return response.data
  }, (error)=> {
    // 判断token失效 & 状态码是401
    if(error.response && error.response.status === 401){
      // 清除token
      removeItem(TOKEN_KEY)
      // 跳转到登录页
      router.navigate('/login')
      //这里有个bug,页面报错，需要刷新页面
      window.location.reload()
    }
    // 超出 2xx 范围的状态码都会触发该函数。
    // 对响应错误做点什么
    return Promise.reject(error)
})


export {request}
